import React from 'react'
//引入ReactDOM
import ReactDOM from "react-dom"

class Por extends React.Component {
    constructor() {
        super()
        //创建容器
        this.dv = document.createElement("div");
        this.dv.id = 'root-2'
        this.state = {}
    }

    componentDidMount(){
        document.body.appendChild(this.dv)
    }

    render() {
        console.log(this.dv)
        let el = (<fieldset>
            <legend>Por</legend>
            <h1>一个传送门</h1>
        </fieldset>)
        //组件的结构可以传送到任意一个dom节点中,而不用受编写位置的影响了
        return ReactDOM.createPortal(el, this.dv)
        // return el
    }
}
export default Por